<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hm_1_1</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: url(https://pic.616pic.com/bg_w1180/00/03/46/YDCckx4cCT.jpg!/fh/300) no-repeat center/100% fixed;
        }

        .container {
            margin-top: 10px;
            text-align: center;
        }


        .container marquee {
            margin-top: 20px;
            background-color: yellow;
            color: blue;
        }
    </style>
</head>

<body>
    <div class="container">
        <p class="title">《腊日游孤山访惠勤惠思二僧》</p>
        <div class="author">
            <font size="5">苏轼</font>
        </div>
        <div>
            天欲雪，云满湖，楼台明灭山有无。<br>
            水清出石鱼可数，林深无人鸟相呼。<br>
            腊日不归对妻孥，名寻道人实自娱。<br>
            道人之居在何许？宝云山前路盘纡。<br>
            孤山孤绝谁肯庐？道人有道山不孤。<br>
            纸窗竹屋深自暖，拥褐坐睡依团蒲。<br>
            天寒路远愁仆夫，整驾催归及未晡。<br>
            出山回望云木合，但见野鹘盘浮图。<br>
            兹游淡薄欢有余，到家怳如梦遽遽。<br>
            作诗火急追亡逋，清景一失后难摹。<br>
        </div>
        <marquee behavior="scroll" direction="right" loop="4">
            <font size="4">一朵云☁️飘过~~~</font>
        </marquee>
    </div>


</body>

</html>